<?php
    // require_once "post_wx.php";
?>

<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="UTF-8">
	<meta name="renderer" content="webkit" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0,  minimum-scale=1.0, maximum-scale=1.0,user-scalable=no">
	<title>戳这，邂逅刺身拼盘！</title>
	<link rel="stylesheet" href="style/normalize.css">
	<link rel="stylesheet" href="style/style.css">
	<script src="./js/jquery-3.1.1.min.js"></script>
	<script src="./js/jquery.imgpreload.min.js"></script>
	<script src="./js/jquery.qrcode.min.js"></script>
	<script src="./js/JsBarcode.all.min.js"></script>
	<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
</head>
<body>
<div class="thwartwise">
	<p>为保证浏览体验，请竖屏浏览页面。</p>
</div>
<div class="main">
	<!-- 旋转loading -->
	<div class="loader-inner ball-pulse-sync">
		<div id="load1"></div>
		<div id="load2"></div>
		<div id="load3"></div>
	</div>
	<!-- 百分比loading -->
	<div class="loading">
		<div class="loading-box">
			<p id="loadingNum">0%</p>
			<div><span id="loadingT"></span></div>
		</div>
	</div>
	<!-- 主体文档 -->
	<div class="main-box">
		<div class="ex-voucher">
			<div class="quan one wsy">
				<a href="javascript:;">
					<div class="vou-pic"></div>
					<div class="vou-text"></div>
				</a>
			</div>
			<div class="quan-intro">
				<p>有效期截止至：2017年7月31日</p>
				<p>凭本券堂食消费，即可10元兑换品尝“三文鱼刺身”一份</p>
				<p>*优惠产品需向店员下单，回转带上产品不参与本次活动</p>
			</div>
			<div class="quan-ma">
                <div id="ewm"></div>
                <div class="tm-pic">
                    <img id="tmPic" src="" alt="">
                </div>
				<p class="tm-num">R25IUU1024986</p>
			</div>
			<div class="quan-dh">
				<input id="de-tex" class="text" type="number" placeholder="输入核销码">
				<input id="de-but" class="button" type="button" value="核销礼券">
			</div>
			<div class="quan-guize">
				<p id="ex-md">查看可用门店</p>
				<p id="ex-tk">点击查看使用条款</p>
			</div>
		</div>
        <div class="ex-mendian">
            <div class="box">
                <div class="title">
                    <p>查看所有可用门店</p>
                    <span class="ex-close"></span>
                </div>
                <div class="md-list">
                    <ul>
                        <p>深圳</p>
                        <li>喜荟城分店</li>
                        <li>COCO PARK分店</li>
                        <li>海雅缤纷城分店</li>
                        <li>海岸城分店</li>
                        <li>龙岗万科分店</li>
                        <li>宝安天虹分店</li>
                        <li>益田假日广场分店</li>
                        <li>龙华九方分店</li>
                        <li>新港城分店</li>
                        <li>皇庭广场分店</li>
                        <li>花园城分店</li>
                        <li>梅林卓悦汇分店</li>
                        <li>华强北九方分店</li>
                        <li>新城市广场分店</li>
                        <li>华强北茂业分店</li>
                        <li>南山茂业时代广场分店</li>
                        <li>来福士分店</li>
                    </ul>
                    <ul>
                        <p>广州</p>
                        <li>太古汇分店</li>
                        <li>正佳广场分店</li>
                        <li>东方宝泰分店</li>
                        <li>西城都荟分店</li>
                        <li>世贸中心分店</li>
                        <li>海珠新都荟分店</li>
                        <li>太阳新天地分店</li>
                        <li>百信广场分店</li>
                        <li>维多利广场分店</li>
                        <li>万国广场分店</li>
                        <li>捷登广场分店</li>
                        <li>国金中心分店</li>
                        <li>天汇广场分店</li>
                    </ul>
                    <ul>
                        <p>上海</p>
                        <li>上海吴江路店</li>
                        <li>上海月星环球港店</li>
                        <li>上海南方商城店</li>
                        <li>上海国金中心店</li>
                    </ul>
                    <ul>
                        <p>杭州</p>
                        <li>杭州湖滨银泰店</li>
                        <li>杭州银泰城店</li>
                    </ul>
                    <ul>
                        <p>苏州</p>
                        <li>苏州圆融店</li>
                    </ul>
                    <ul>
                        <p>北京</p>
                        <li>北京apm店</li>
                        <li>北京嘉里中心店</li>
                        <li>北京东方广场店</li>
                    </ul>
                    <ul>
                        <p>成都</p>
                        <li>成都IFS店</li>
                        <li>成都金楠店</li>
                        <li>成都凯丹店</li>
                        <li>成都万象城</li>
                    </ul>
                    <ul>
                        <p>重庆</p>
                        <li>重庆北城天街店</li>
                    </ul>
                    <ul>
                        <p>武汉</p>
                        <li>武汉群光广场店</li>
                        <li>武汉壹方购物中心店</li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="ex-tiaokuan">
            <div>
                <h3>使用条款</h3>
                <p>*本优惠券有效期：2017年6月22日至2017年7月31日</p>
                <p>*本优惠券适用于元气寿司全国各分店</p>
                <p>*持本优惠券即可10元兑换指定产品，具体包含产品请见核销页面指引，或咨询店员</p>
                <p>*优惠产品需向店员下单，回转带上产品不参与本次活动</p>
                <p>*本优惠券需关注元气寿司官方微信后才可使用，截屏图片无效</p>
                <p>*本优惠券需到店堂食消费才可使用，不可兑换现金</p>
                <p>*本优惠券须在结账时出示，由工作人员核对兑换码无误，并在使用者手机上进行核销后才可使用，优惠券只可使用一次，一经核销，不能还原</p>
                <p>*本优惠券若丢失或被他人占用，恕不补发</p>
                <p>*优惠产品每台每单限兑一次，产品一经兑换不能退换，每单限使用一张电子优惠券</p>
                <p>*此优惠不可与现金券、优惠券或其他折扣优惠同时使用 , 会员卡折扣除外</p>
                <p>*产品图片只供参考</p>
                <p>*食物鉴于季节性及供应有限，如售罄请见谅</p>
            </div>
        </div>
        <div class="ex-tishi">
            <p></p>
        </div>
	</div>
</div>
<script src="js/global.js"></script>
 <!--<script>
    var shareUrl = window.location.href;
    var shareTitle = '戳这，邂逅刺身拼盘！';//分享描述
    var shareDesc = '别看了！我说真的——元気大满足月，过万份寿司券等你抢！';//分享描述
    var shareImg = 'http://test.brandsh.cn/lambor/yuanqi/images/share.jpg';//分享图片
    wx.config({
        debug: false,
        appId: '<?php echo $signPackage["appId"];?>',
        timestamp: '<?php echo $signPackage["timestamp"];?>',
        nonceStr: '<?php echo $signPackage["nonceStr"];?>',
        signature: '<?php echo $signPackage["signature"];?>',
        jsApiList: [
            'checkJsApi',
            'onMenuShareTimeline',
            'onMenuShareAppMessage',
            'onMenuShareQQ',
        ]
    });
    wx.ready(function () {
        wx.checkJsApi({
            jsApiList: [
            	'onMenuShareTimeline',
                'onMenuShareAppMessage',
            	'onMenuShareQQ'
            ]
        });
           // 分享到朋友圈
        wx.onMenuShareTimeline({
            title: shareTitle, // 分享标题
            desc: shareDesc, // 分享描述
            link: shareUrl, // 分享链接
            imgUrl: shareImg, // 分享图标
            success: function () {

            },
            cancel: function () {
              // 用户取消分享后执行的回调函数
            }
        });
          //分享给朋友
        wx.onMenuShareAppMessage({
            title: shareTitle, // 分享标题
            desc: shareDesc, // 分享描述
            link: shareUrl, // 分享链接
            imgUrl: shareImg, // 分享图标
            type: '', // 分享类型,music、video或link，不填默认为link
            dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
            success: function () {

            },
            cancel: function () {
              // 用户取消分享后执行的回调函数
            }
        });
          //分享到QQ
        wx.onMenuShareQQ({
            title: shareTitle, // 分享标题
            desc: shareDesc, // 分享描述
            link: shareUrl, // 分享链接
            imgUrl: shareImg, // 分享图标
            success: function () {
              // 用户分享完成后执行的回调函数
            },
            cancel: function () {
               // 用户取消分享后执行的回调函数
            }
        });
      });
</script> -->

<script>
$(function(){
	// 生成二维码
    (function(){
        $('#ewm').qrcode('R25IUU1024986');
    })();
    JsBarcode("#tmPic", "R25IUU1024986", {
        displayValue: false
    });


    function hexiaoFun(event,wz){
        $('.ex-tishi p').text(wz);
        event.children('p').text(wz);
        event.fadeIn();
        setTimeout(function(){
            event.fadeOut();
        },1000);
    }
    
    (function(){
        $('#de-but').on('click',function(){
            var num = $('#de-tex').val();
            if(num === ''){
                hexiaoFun($('.ex-tishi'),'请输入核销码');
            }else if(queryArr(hxmArr,num) < 0){
                hexiaoFun($('.ex-tishi'),'请输入正确的核销码');
            }else{
                $.ajax({
                    type: "method",
                    url: "url",
                    data: "data",
                    dataType: "dataType",
                    success: function (response) {
                        hexiaoFun($('.ex-tishi'),'核销成功！');
                    }
                });
            }
        })
    })();
});
</script>
</body>
</html>
